iT邦幫忙

2021 iThome 鐵人賽

DAY 23
0
Mobile Development

30天零負擔輕鬆學會製作APP介面及設計系列 第 23

30天零負擔輕鬆學會製作APP介面及設計【DAY 23】

  • 分享至 

  • xImage
  •  

大家好,我是YIYI,今天要來分享我設計的APP的PHOTOTYPE製做過程。

今日進度

今天的進度主要是把所有的頁面導向都設定完成~/images/emoticon/emoticon08.gif

開始製做

首先當然要先點開我們的MARVEL APP,上次我們將到第六頁(日記那部分)設定了到那邊能夠完程的部分。
https://ithelp.ithome.com.tw/upload/images/20211002/20140979hHl35ytHvs.png
再來就是匯入這些天製做的頁面。
https://ithelp.ithome.com.tw/upload/images/20211002/20140979YreofszlDd.png
現在下圖看到的是我們再HOMEPAGE的下方看到的圖標,我這邊截圖展示只會放一次,後面重複的部分(下方BUTTON)不會再放截圖。
水滴形狀是導向月事頁面。
https://ithelp.ithome.com.tw/upload/images/20211002/201409794nOfihpy1K.png
體重機造型是導向紀錄體重的頁面。
https://ithelp.ithome.com.tw/upload/images/20211002/20140979PRMMati89S.png
錢的造型是導向記帳的頁面。
https://ithelp.ithome.com.tw/upload/images/20211002/20140979gWnW03xE1t.png
然後PLUS頁面的BUTTON導向都和前面的一樣~
https://ithelp.ithome.com.tw/upload/images/20211002/20140979qDYsh4Xkfd.png
https://ithelp.ithome.com.tw/upload/images/20211002/201409799dln6ZGKQF.png
https://ithelp.ithome.com.tw/upload/images/20211002/20140979AF7xFxKcb5.png

今天設定的比較特別的,我認為是記帳頁面,因為我多弄了一張記帳完成的頁面。
在第七頁記帳的頁面,我設定了2秒自動跳轉道7-1記帳完成頁面~
https://ithelp.ithome.com.tw/upload/images/20211002/20140979rWNsugqo04.png

今天就到這邊,謝謝大家的閱讀/images/emoticon/emoticon29.gif


上一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 22】
下一篇
30天零負擔輕鬆學會製作APP介面及設計【DAY 24】
系列文
30天零負擔輕鬆學會製作APP介面及設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言